<html>
<h2>Quản lý Tin tức</h2>
<p id="page-intro">Thêm tin tức mới</p>
<div class="clear"></div>
<div class="content-box">
    <div class="content-box-header">
        <h3>Chi tiết Tin tức</h3>
    </div>
    <div class="content-box-content">
        <form action="index.html#list_news" id="newsForm" method="post" onsubmit="return validForm(this,'');">

            <p>
                <label>Tiêu đề</label>
                <input class="text-input medium-input" type="text" id="txtTitle" name="txtTitle" />
            </p>
            <p>
                <label>Mô tả ngắn gọn</label>
                <textarea class="text-input textarea" id="txtDesc" name="txtDesc" cols="90" rows="5"></textarea>
            </p>
            <p>
                <label>Nội dung chi tiết</label>
                <textarea class="text-input textarea wysiwyg" id="wysiwyg" name="txtMessage" rows="15" cols="90"></textarea>
            </p>
            <p>
                <label>Kích hoạt?</label>
                <input type="radio" name="radActive" value="1" checked="checked" />Có
                <input type="radio" name="radActive" value="0" />Không
            </p>
            <p>
                <label>Tin Khuyến mãi?</label>
                <input type="radio" name="radOffer" value="1" checked="checked" />Có
                <input type="radio" name="radOffer" value="0" />Không
            </p>
            <br />
            <p>
                <input class="btn" type="submit" value="Thêm Tin tức" />&#32;
                <input class="btn" type="reset" value="Huỷ" />
            </p>

        </form>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        $('#wysiwyg').wysiwyg();
        //Tạo event blur cho các textfield và textarea
        $('#categoryForm *').each(function(){
            if(this.type=='text' || this.type=='textarea'){
                $(this).blur(function(){
                    validForm(this.form,this.name);
                });
            }
        });
        $('input[type="reset"]').click(function(){
            $('.content-box-content').find('span.input-notification').each(function(){
                $(this).remove();
            });
            $('.content-box-content *').each(function(){
                $(this).removeClass('error');
            })
        });
    });
</script>
</html>